<template>
  <div>
    <div class="row">
      <div class="col-md-12 focusNone type">
        <div class="portlet box grey-cascade">
          <div class="portlet-body" style="padding-bottom: 10px !important;">
            <ul class="nav nav-tabs">
              <li>
                <router-link to="/yhbxxx" tag="a">
                   基础信息
                </router-link>
              </li>
              <li class="active">
                <router-link to="/yhbxzp" tag="a">
                   预处理及指派
                </router-link>
              </li>
              <li>
                <router-link to="/yhbxcl" tag="a">
                   处理
                </router-link>
              </li>
              <li>
                <router-link to="/yhbxpj" tag="a">
                   用户评价
                </router-link>
              </li>
              <li>
                <router-link to="/yhbxhf" tag="a">
                   回访/归档
                </router-link>
              </li>
            </ul>
          </div>
        </div>
        <div class="portlet box grey-cascade">
          <div class="portlet-title">
            <div class="caption">
              <i class="fa fa-globe"></i>预处理信息
            </div>
          </div>
          <div class="portlet-body">
            <div class="row" style="position: relative;left: 15px;top: 15px;">
              <div class="col-md-6 color">
                <div class="col-md-3 l10">
                  <span class="require">*</span>
                  预处理人 :
                </div>
                <div class="col-md-9">
                  <input class="form-control" placeholder="预处理人" :readonly="is_modifly" v-on:input = "inputFunc($event)" v-model="detail.name" type="text">
                </div>
                <span class="errorInfor errorAddress hide">不能为空</span>
              </div>
              <div class="col-md-6 color">
                <div class="col-md-3 l10">
                  <span class="require">*</span>
                  联系电话 :
                </div>
                <div class="col-md-9">
                  <input class="form-control" placeholder="联系电话" :readonly="is_modifly" v-on:input = "inputFunc($event)" v-model="detail.name" type="text">
                </div>
                <span class="errorInfor errorAddress hide">不能为空</span>
              </div>
              <div class="col-md-6 color">
                <div class="col-md-3 l10">
                  <span class="require">*</span>
                    操作时间 :
                </div>
                <div class="col-md-9">
                  <div class="block" style="width: 94%">
                    <el-date-picker
                      v-model="valueDateTime"
                      type="datetime"
                      placeholder="选择日期时间">
                    </el-date-picker>
                  </div>
                  </div>
                  <span class="errorInfor errorZrr hide">请选择操作时间</span>
              </div>
              <div class="col-md-6 color">
                <div class="col-md-3 l10">
                  <span class="require">*</span>
                    处理等级 :
                </div>
                <div class="col-md-9">
                  <el-select v-model="order_level" @visible-change="changeSelect(order_level)" class="w94" placeholder="请选处理等级">
                    <el-option
                      v-for="item in order_list"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value">
                    </el-option>
                  </el-select>
                  </div>
                  <span class="errorInfor errorZrr hide">请选处理等级</span>
              </div>
              <div class="col-md-6 color">
                <div class="col-md-3 l10">
                  <span class="require">*</span>
                    截止日期 :
                </div>
                <div class="col-md-9" >
                  <div class="block" style="width: 94%">
                    <el-date-picker
                      v-model="valueDate"
                      type="date"
                      placeholder="选择日期"
                      format="yyyy-MM-dd"
                      value-format="yyyy-MM-dd">
                    </el-date-picker>
                  </div>
                </div>
                <span class="errorInfor errorZrr hide">请选择操作时间</span>
              </div>
              <div class="col-md-12" style="position: relative;left: -89px !important;">
                <div class="col-md-2" style="font-weight: 500;color: #666;">
                  处理意见 :
                </div>
                <div class="col-md-10" style="font-weight: 500;color: #333;">
                  <textarea v-model="detail.extra_desc" class="form-control" rows="3" :readonly="is_modifly" style="resize: none;width: 823px;position: relative;left: -44px;" placeholder="处理意见"></textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="portlet box grey-cascade">
          <div class="portlet-title">
            <div class="caption">
              <i class="fa fa-globe"></i>指派信息
            </div>
          </div>
          <div class="portlet-body">
            <div class="row" style="position: relative;left: 15px;top: 15px;">
              <div class="col-md-6 color">
                <div class="col-md-3 l10">
                  <span class="require">*</span>
                  派单方式 :
                </div>
                <div class="col-md-9">
                  <input class="form-control" placeholder="联系电话" :readonly="is_modifly" v-on:input = "inputFunc($event)" v-model="detail.name" type="text">
                </div>
                <span class="errorInfor errorAddress hide">不能为空</span>
              </div>
              <div class="col-md-6 color">
                <div class="col-md-3 l10">
                  <span class="require">*</span>
                    工单获取时间 :
                </div>
                <div class="col-md-9">
                  <div class="block" style="width: 94%">
                    <el-date-picker
                      v-model="getDateTime"
                      type="datetime"
                      placeholder="选择日期时间">
                    </el-date-picker>
                  </div>
                  </div>
                  <span class="errorInfor errorZrr hide">请选择操作时间</span>
              </div>
              <div class="col-md-6 color">
                <div class="col-md-3 l10">
                  <span class="require">*</span>
                  执行人 :
                </div>
                <div class="col-md-9">
                  <input class="form-control" placeholder="执行人" :readonly="is_modifly" v-on:input = "inputFunc($event)" v-model="detail.name" type="text">
                </div>
                <span class="errorInfor errorAddress hide">不能为空</span>
              </div>
              <div class="col-md-6 color">
                <div class="col-md-3 l10">
                  <span class="require">*</span>
                  联系电话 :
                </div>
                <div class="col-md-9">
                  <input class="form-control" placeholder="联系电话" :readonly="is_modifly" v-on:input = "inputFunc($event)" v-model="detail.name" type="text">
                </div>
                <span class="errorInfor errorAddress hide">不能为空</span>
              </div>
              
             
              <div class="col-md-12" style="position: relative;margin: 0px 0 20px;">
                <div style="position: relative;left: 143px;">
                  <button type="button""@click="saveData($event)" class="btn blue">保存设置</button>
                  
                  <router-link to="/sbsjList" tag="a" class="btn default">
                    恢复默认设置
                  </router-link>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>  

<style scoped>

    .cz{float: right;width: auto;position: relative;top: 3px;left: 5px;}
    .row.style .col-md-3{text-align: center;height: 100px;line-height: 100px;}
    .row.style .col-md-3 a{color:#333;font-size: 16px;font-weight: 500;}
    p {margin: 0 0 10px;}
    table tr td{text-align: center;vertical-align: middle;}
    .search{margin: 0 0 10px;}
    .search .form-control{width: 100%;display: inline-block;}
    .search button{position: relative;top: -2px;color: #fff;}
    .imgDiv img{width: 100%;}
    .row.m0{margin: 0;}
    .undefinedbootstrap_full_number{text-align: center;;}
    .pagination{display: inline-block;}
    .dataTotal{color: #666;font-weight: 500;position: relative;top: -20px;left: 10px;}
    .pagination li a,.pagination li a .fa{color: #666;font-weight: 500;}
    .pagination li.active a,.numData{color: #26a69a;font-weight: 500;}
    .numData{font-size: 16px;}
    .col-md-6.color {
        margin-bottom: 10px;
    }
    .portlet.box.grey-cascade {
        min-height: auto;
    }
</style>

<script>

  import Metronic from '../../../../../static/global/js/metronic.js'
  import {check,Tips} from '../../../../../static/js/pages/tips.js';
  import optVue from '../../../../config/optVue.js';
  export default {
     data(){
      return{
        list:[],
        title:"",
        num:"",
        num1:"",
        value1: true,
        value2: true,
        is_remind:false,
        order_level:null,
        order_list:[],
        detail:[],
        id:"",
        valueDateTime: '',
        getDateTime:'',
        is_modifly:false,
        valueDate:""
        
      }
    },
    components: {
    },
    mounted(){
      document.title = '系统设置';
      this.title = document.title
      this.id = this.$route.query.id;
      optVue.sbwbjg(this);

    },
    methods:{
      handleChange(value) {
        console.log(value);
      },
      handleChangeqd(value) {
        console.log(value);
      },
      changeSelect:function(select){

      }
    }

  }

</script>  



